import React from 'react';

interface Props {
  children?: React.ReactNode;
  className?: string | null;
  styles?: React.CSSProperties;
}

const PagesHeader = ({ children, className, styles }: Props) => {
  return (
    <div
      style={styles}
      className={`mt-5 flex  flex-col  rounded-default  bg-[#FFF] pl-5 text-[16px] font-semibold text-[#1D2129] ${className}`}
    >
      {children}
    </div>
  );
};

export default PagesHeader;
